<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车|购物 YOHJI YAMAMOTO</title>
    <link rel="icon" href="../img/favicon.png">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/commen.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <div id="header">
        <div id="headernav">
            <ul class="main-nav">
                <li><a href="#">NEW新品</a></li>
                <li class="headerbrandnav1">
                    <a href="#" id="brand">品牌一览</a>

                </li>
                <li class="headermennav1">
                    <a href="#">男士</a>

                </li>
                <li class="headerwomennav1">
                    <a href="#">女士</a>

                </li>
                <li style="border-right: 1px solid #e4e4e4;"><a href="#">最新消息</a></li>
            </ul>
            <ul class="search fr">
                <li><input type="text" placeholder="搜寻"></li>
                <li><input type="button" value="1"></li>
                <li><button><img src="../img/ico_sns_wc.png" alt=""></button></li>
                <li><button><img src="../img/ico_sns_wb.png" alt=""></button></li>
            </ul>
            <div class="headerdropdown" id="brandnav" style="height:664px">
                <h2>品牌</h2>
                <ul>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_syte.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">S'YTE​</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_groundy.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">GroundY</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_ys.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">Y’s</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_yspink.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">Y's PINK</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_ysbangon.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">Y's BANG ON!​​</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_limifeu.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">LIMI feu</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_discord.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">discord Yohji Yamamoto</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_yyfemme.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">Yohji Yamamoto</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_yynoir.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">YOHJI YAMAMOTO + NOIR</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_yyhomme.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">Yohji Yamamoto <br>
                                POUR HOMME</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_byy.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">B Yohji Yamamoto</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_gothic.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">GOTHIC YOHJI YAMAMOTO</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_other.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">其他</a></div>
                    </li>
                    <li>
                        <div><a href="./prolist.html"><img src="../img/header_nav_vintage.jpg" alt=""></a></div>
                        <div><a href="./prolist.html">Vintage</a></div>
                    </li>
                </ul>
            </div>
            <div class="headerdropdown men" id="mennav" style="height:278px">
                <h2>男士</h2>
                <ul>
                    <li><a href="./prolist.html">全部</a></li>
                    <li><a href="./prolist.html">外套</a></li>
                    <li><a href="./prolist.html">毛衫</a></li>
                    <li><a href="./prolist.html">衬衫</a></li>
                    <li><a href="./prolist.html">针织衫・T恤</a></li>
                    <li><a href="./prolist.html">裤装</a></li>
                    <li><a href="./prolist.html">半身裙</a></li>
                    <li><a href="./prolist.html">连衣裙</a></li>
                    <li><a href="./prolist.html">鞋履</a></li>
                    <li><a href="./prolist.html">箱包</a></li>
                    <li><a href="./prolist.html">WALLET</a></li>
                    <li><a href="./prolist.html">配饰</a></li>
                    <li><a href="./prolist.html">PERFUME</a></li>
                    <li><a href="./prolist.html">EYEWEAR</a></li>
                </ul>
            </div>
            <div class="headerdropdown men" id="womennav" style="height:278px">
                <h2>女士</h2>
                <ul>
                    <li><a href="./prolist.html">全部</a></li>
                    <li><a href="./prolist.html">外套</a></li>
                    <li><a href="./prolist.html">毛衫</a></li>
                    <li><a href="./prolist.html">衬衫</a></li>
                    <li><a href="./prolist.html">针织衫・T恤</a></li>
                    <li><a href="./prolist.html">裤装</a></li>
                    <li><a href="./prolist.html">半身裙</a></li>
                    <li><a href="./prolist.html">连衣裙</a></li>
                    <li><a href="./prolist.html">鞋履</a></li>
                    <li><a href="./prolist.html">箱包</a></li>
                    <li><a href="./prolist.html">WALLET</a></li>
                    <li><a href="./prolist.html">配饰</a></li>
                    <li><a href="./prolist.html">PERFUME</a></li>
                    <li><a href="./prolist.html">EYEWEAR</a></li>
                </ul>
            </div>
        </div>
        <div id="headermain">
            <div class="headermenu">
                <button class="menubtn">
                    <div class="menuicon">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <p>目录</p>
                </button>
            </div>
            <div id="logo">
                <a href="../index.html"><img src="../img/header_logo.png" alt=""></a>
            </div>
            <ul id="menunav">
                <li><a href="">联系我们</a></li>
                <li><a href="../html/reg.html">注册</a></li>
                <li><a href="../html/login.html">登录</a></li>
                <li><a href="">心愿清单</a></li>
                <li><a href="../html/cart.html">购物车[<span class="cartpronum">0</span>]</a></li>
            </ul>

        </div>
    </div>
    <div id="sidemenu">
        <div class="sidemenu_inner_">
            <ul id="sidemenu_tabmenu">
                <li><a href="./prolist.html">男士</a></li>
                <li><a href="./prolist.html">女士</a></li>
            </ul>
            <ul id="sidemenu_mainmenu">
                <li><a href="./prolist.html">NEW新品</a></li>
                <li> <span class="acco_ opened">按品牌搜索</span>
                    <ul class="list_acco_" style="display:block;">
                        <li> <span class="acco_">所有品牌</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">​S'YTE​ ​
                                ​ ​</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">GroundY</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">Y’s</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">Y’s PINK</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">​​Y's BANG ON!​</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">LIMI feu</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">discord Yohji Yamamoto</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">Yohji Yamamoto</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">YOHJI YAMAMOTO + NOIR​ ​</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>

                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">山本耀司POUR HOMME</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>
                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>



                        <li>
                            <span class="acco_">B Yohji Yamamoto</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">外套</a></li>
                                <li><a href="./prolist.html">毛衫</a></li>
                                <li><a href="./prolist.html">衬衫</a></li>
                                <li><a href="./prolist.html">针织衫・T恤</a></li>

                                <li><a href="./prolist.html">裤装​ ​</a></li>
                                <li><a href="./prolist.html">半身裙</a></li>
                                <li><a href="./prolist.html">连衣裙</a></li>
                                <li><a href="./prolist.html">鞋履</a></li>
                                <li><a href="./prolist.html">箱包</a></li>
                                <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                                <li><a href="./prolist.html">配饰</a></li>
                                <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                                <li wovn-wait=""><a href="./prolist.html">EYEWEAR</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li>
                            <span class="acco_">GOTHIC Yohji Yamamoto</span>
                            <ul class="list_acco_">
                                <li><a href="./prolist.html">全部</a></li>
                                <li><a href="./prolist.html">Vintage</a></li>
                            </ul>
                        </li>
                        <li><a href="./prolist.html">其他</a></li>
                        <li><a href="./prolist.html">Vintage</a></li>

                        <li wovn-wait=""><a href="./prolist.html">Soldes</a></li>

                    </ul>
                </li>
                <li> <span class="acco_">按种类搜索</span>
                    <ul class="list_acco_">
                        <li><a href="./prolist.html">外套</a></li>
                        <li><a href="./prolist.html">毛衫</a></li>
                        <li><a href="./prolist.html">衬衫</a></li>
                        <li><a href="./prolist.html">针织衫・T恤</a></li>

                        <li><a href="./prolist.html">裤装​ ​</a></li>
                        <li><a href="./prolist.html">半身裙</a></li>
                        <li><a href="./prolist.html">连衣裙</a></li>
                        <li><a href="./prolist.html">鞋履</a></li>
                        <li><a href="./prolist.html">箱包</a></li>
                        <li wovn-wait=""><a href="./prolist.html">WALLET</a></li>
                        <li><a href="./prolist.html">配饰</a></li>
                        <li wovn-wait=""><a href="./prolist.html">PERFUME</a></li>
                        <li wovn-wait=""><a href="https://china.theshopyohjiyamamoto.com">EYEWEAR</a></li>
                    </ul>
                </li>
                <li> <span class="acco_">穿搭建议</span>
                    <ul class="list_acco_">
                        <li><a href="./prolist.html">S'YTE​ ​
                                ​ ​</a></li>
                        <li wovn-wait=""><a href="./prolist.html">GroundY</a></li>
                        <li><a href="./prolist.html">Y's</a></li>
                        <li><a href="./prolist.html">Y's PINK</a></li>
                        <li><a href="./prolist.html">Y's BANG ON!​ ​
                                ​ ​</a></li>
                        <li><a href="./prolist.html">LIMI feu </a></li>
                        <li><a href="./prolist.html">discord Yohji Yamamoto</a></li>
                    </ul>
                </li>
                <li><a href="./prolist.html">店铺信息</a></li>
            </ul>
            <ul id="sidemenu_submenu">
                <li><a href="./prolist.html">最新消息</a></li>
                <li><a href="./prolist.html">心愿清单</a></li>
                <li><a href="./prolist.html">购物车</a></li>
                <li><a href="./prolist.html">我的页面</a></li>
                <li><a href="./prolist.html">常见问题</a></li>
                <li><a href="./prolist.html">关于特定商业交易法</a></li>
                <li><a href="./prolist.html">使用条款</a></li>
                <li><a href="./prolist.html">公司简介</a></li>
                <li><a href="./prolist.html">隐私政策</a></li>
                <li><a href="./prolist.html">联系我们</a></li>
            </ul>
            <div id="sidemenu_logo"><img src="./img/sidemenu_logo.png" alt="THE SHOP YOHJI YAMAMOTO"
                    data-wovn-src:-original-alt="THE SHOP YOHJI YAMAMOTO"></div>

            <ul id="sidemenu_tabmenu_sns">
                <li>
                    <p class="btn js_modal_open"><img src="./img/ico_sns_wc.png" alt="Wechat" class="side_wechat"></p>
                </li>
                <li><a href="" rel="nofollow"><img src="./img/ico_sns_wb.png" alt="Weibo" class="side_weibo"
                            data-wovn-src:-original-alt="Weibo"
                            data-wovn-src:-original-src="/img/usr/common/sidemenu_ico_wb.png"></a>
                </li>
            </ul>
            <div class="modal">
                <div class="modal-btn_box"> <a href="javascript:void(0)" class="close_btn" id="js_modal_close"><i
                            data-icon="ei-close" data-size="m"></i></a> </div>
            </div>
        </div>
    </div>
    <div id="sidemenu_overlay"></div>
    <div class="_wrap">
        <div class="cartcon">
            <h2>YOHJI YAMAMOTO - 购物车</h2>
            <div class="cartmain clean">
                <p>每次下单的上限为5,000元。付款方式、手续费等详情<a>请点击此处</a></p>
                <div class="cartprolistwrap clean">
                    <div class="cartprolist">
                        <h3>购物车</h3>
                        <ul class="cartproitem">

                        </ul>
                    </div>
                    <div class="paymain">
                        <ul class="paystep clean">
                            <li class="current">购物车</li>
                            <li>订单详情</li>
                            <li>完成订购</li>
                        </ul>
                        <div class="cartprice">
                            <div>
                                <p>小计</p>
                                <p class="allprice">￥</p>
                            </div>
                            <div>
                                <p>合计</p>
                                <p class="allprice">￥</p>
                            </div>
                        </div>
                        <div class="paybtn">
                            开始结账
                        </div>
                        <div class="continue__">
                            <a href="./prolist.html">继续购物</a>
                        </div>
                    </div>
                </div>
                <div class="giftwrap">
                    <h4>礼品套装</h4>
                    <ul>
                        <li><a href="">
                                <img src="../img/UA-Z97-999_1-1.jpg" alt="">
                                <p>商店礼品袋（S）</p>
                                <p>￥49</p>
                            </a></li>
                        <li><a href="">
                                <img src="../img/UA-Z98-999_1-1.jpg" alt="">
                                <p>商店礼品袋（M）</p>
                                <p>￥68</p>
                            </a></li>
                        <li><a href="">
                                <img src="../img/UA-Z99-999_1-1.jpg" alt="">
                                <p>商店礼品袋（L）</p>
                                <p>￥87</p>
                            </a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="botallbrand">
            <ul>
                <li><a href=""><img src="../img/top_brand_syte.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_grandy.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_ys.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_yspink.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_bangon.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_limifeu.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_discord.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_yyhomme.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_noir.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_yyhomme.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_byy.png" alt=""></a></li>
                <li><a href=""><img src="../img/top_brand_gothic.png" alt=""></a></li>
            </ul>
        </div>
        <div id="footer">
            <div class="footernav clean">
                <p>© 2019 THE SHOP YOHJI YAMAMOTO</p>
                <div class="footer_r fr">
                    <p>联系我们</p>
                    <a href=""><img src="../img/ico_sns_wc.png" alt=""></a>
                    <a href=""><img src="../img/ico_sns_wb.png" alt=""></a>
                </div>
            </div>
            <div class="footer_main clean">
                <div class="footer_main_l fl">
                    <ul class="footer_main_nav">
                        <li><a href="">男士</a></li>
                        <li><a href="">女士</a></li>
                        <li><a href="">最新消息</a></li>
                        <li><a href="">网站地图</a></li>
                        <li><a href="">设计师简介</a></li>
                    </ul>
                    <ul class="footer_main_nav">
                        <li><a href="">店铺信息</a></li>
                        <li><a href="">常见问题</a></li>
                        <li><a href="">隐私政策</a></li>
                        <li><a href="">法律声明</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                    <ul class="footer_main_brand">
                        <li><a href="">S'YTE​</a></li>
                        <li><a href="">GroundY</a></li>
                        <li><a href="">Y’s</a></li>
                        <li><a href="">Y's PINK</a></li>
                        <li><a href="">Y's BANG ON!​</a></li>
                        <li><a href="">LIMI feu</a></li>
                        <li><a href="">discord Yohji Yamamoto</a></li>
                        <li><a href="">Yohji Yamamoto</a></li>
                        <li><a href="">YOHJI YAMAMOTO + NOIR</a></li>
                        <li><a href="">Yohji Yamamoto<br>POUR HOMME</a></li>
                        <li><a href="">B Yohji Yamamoto</a></li>
                        <li><a href="">GOTHIC YOHJI YAMAMOTO</a></li>
                        <li><a href="">其他</a></li>
                    </ul>
                    <div>
                        <a href="">YOHJI YAMAMOTO官方网站<img src="../img/footer_arrow.png" alt=""></a>
                    </div>
                </div>
                <div class="footer_reg fr">
                    <p>注册会员</p>
                    <a href="../html/reg.html">由此注册成为会员<span></span></a>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/commen.js"></script>
    <script>
        loadcartlist()

        function loadcartlist() {
            $.ajax({
                url: 'http://jx.xuzhixiang.top/ap/api/cart-list.php',
                type: 'get',
                data: {
                    id: uid
                },
                success(res) {
                    $('.cartpronum').html(res.data.length)

                    let h = ''
                    let allprice = 0
                    for (let i = 0; i < res.data.length; i++) {
                        if (res.data[i].pnum > 20) {
                            alert('啊！塞不下了>_<！')
                            res.data[i].pnum = 20
                            let pnum = 20
                            let pid = res.data[i].pid
                            let uid = localStorage.getItem('uid')
                            cartnumupdate(pnum, pid)
                        }
                        h += `<li>
                            <a href='./prodesc.html?id=${res.data[i].pid}'><img src="${res.data[i].pimg}" alt=""></a>
                            <div class="promsg">
                                <a href='./prodesc.html?id=${res.data[i].pid}'><img src="../img/${res.data[i].pdesc}.png" alt="" class="prodesc"></a>
                                <a href='./prodesc.html?id=${res.data[i].pid}'><p class="proname">${res.data[i].pname}</p></a>
                                <p>SIZE：S</p>
                                <p>颜色：黑色</p>
                                <p>${res.data[i].pid}</p>
                                <a href="">加入愿望清单</a>
                            </div>
                            <p class="proprice">￥${res.data[i].pprice}</p>
                            <div class='pronum'>
                                <select data-pid="${res.data[i].pid}" data-pnum="${res.data[i].pnum}">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="13">13</option>
                                    <option value="14">14</option>
                                    <option value="15">15</option>
                                    <option value="16">16</option>
                                    <option value="17">17</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                </select>
                            </div>
                            <p class="cartdeletebtn" data-pid="${res.data[i].pid}"><a>删除</a></p>
                        </li>`
                        allprice += res.data[i].pprice * res.data[i].pnum
                    }
                    $('.cartproitem').html(h)
                    $('.allprice').html('￥' + allprice)
                    cartprodelete()
                    let selects = document.querySelectorAll("select")
                    let arr = []
                    if (selects) {
                        for (let j = 0; j < selects.length; j++) {
                            arr.push(selects[j].getAttribute('data-pnum'))
                            console.log(arr)
                            selects[j].children[arr[arr.length - 1] - 1].setAttribute('selected', 'selected')
                            selects[j].onchange = () => {
                                // console.log(selects[j].value)
                                let pid = selects[j].getAttribute('data-pid')
                                cartnumupdate(parseInt(selects[j].value), pid)
                            }
                        }
                        /* $('select').change(function(){
                        console.log(111)
                        cartnumupdate($('select').val())
                        }) */
                    } else {}

                }
            })
        }

        function cartprodelete() {
            $('.cartdeletebtn').click(function () {
                console.log(111)
                let pid = $('.cartdeletebtn').attr('data-pid')
                console.log(pid)
                $.ajax({
                    url: 'http://jx.xuzhixiang.top/ap/api/cart-delete.php',
                    type: 'get',
                    data: {
                        uid: uid,
                        pid: pid
                    },
                    success(res) {
                        console.log(res)
                        loadcartlist()
                    }
                })
            })
        }

        function cartnumupdate(num, proid) {
            let pnum = num
            pid = proid
            console.log(pnum)
            $.ajax({
                url: 'http://jx.xuzhixiang.top/ap/api/cart-update-num.php',
                type: 'get',
                data: {
                    uid: uid,
                    pid: pid,
                    pnum: pnum
                },
                success(res) {
                    console.log(res)
                    loadcartlist()
                }
            })
        }
    </script>
</body>

</html>